<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="renderer" content="webkit">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="js/jquery-easyui-1.4.4/themes/bootstrap/easyui.css">
		<link rel="stylesheet" href="js/jquery-easyui-1.4.4/themes/icon.css">
		<link rel="stylesheet" href="css/ext_icon.css">
		<script src="js/jquery-easyui-1.4.4/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
		<script src="js/jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
		<script src="js/ext_jquery.js"></script>
		<script src="js/ext_easyui.js"></script>
		<script src="js/jquery.form.js"></script>
		<script src="js/My97DatePicker/WdatePicker.js"></script>
		<script src="js/Chart.min.js"></script>
		<script src="js/util.js"></script>
		<script src="js/ckeditor/ckeditor.js"></script>
		<link rel="stylesheet" href="css/style.css">
		<script src="js/main.js"></script>
		<title>login</title>
	</head>

	<body style="background-color: #E6EEF8;width: 100%;height: 100%;">
		<div class="login-box">
			<div>
				<div class="header">
					<img src="images/logo.png"><span>后台管理系统</span>
				</div>
				<div style="padding:10px 60px 20px 60px">
					<form id="login-form" action="index.html" method="post">
						<input type="hidden" name="action" value="do">
						<table>
							<tr>
								<th>用户名：</th>
								<td>
									<input class="easyui-textbox" name="username" data-options="prompt:'输入用户名',required:true,validType:'length[3,10]'" style="width: 70%;height: 30px;">
								</td>
							</tr>
							<tr>
								<th>密&nbsp;&nbsp;&nbsp;&nbsp;码：</th>
								<td>
									<input class="easyui-textbox" type="password" name="password" data-options="required:true,validType:'length[3,10]'" style="width: 70%;height: 30px;">
								</td>
							</tr>
						</table>
					</form>
					<div style="text-align:center;padding:20px 5px 5px">
						<a href="javascript:void(0);" class="btn btn-primary" role="button" onclick="submitForm();return false;">登&nbsp;&nbsp;&nbsp;&nbsp;录</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="javascript:void(0);" class="btn btn-primary" role="button" onclick="$('#login-form').form('clear');">重&nbsp;&nbsp;&nbsp;&nbsp;置</a>
					</div>
				</div>
			</div>
		</div>
		<script>
			var width = $(window).width();
			var height = $(window).height();
			$('.login-box').css({
				'top': (height - $('.login-box').height()) / 2,
				'left': (width - $('.login-box').width()) / 2
			});

			function submitForm() {
				if ($('#login-form').form('enableValidation').form('validate')) {
					$('#login-form').submit();
				}
			}
		</script>
	</body>

</html>